<html>

<head>
  <title>控制图像相对于文字基准线的水平对齐方式</title>
</head>

<body>
  <img src="img/chatgpt.png" align="left">
  此图像相对于文字基准线为靠上对齐的多行文字<br>试想在圆月朦胧之夜，海棠是这样的妩媚而嫣润；
  枝头的好鸟为什么却双栖而各梦呢？在这夜深人静的当儿，那高踞着的一只八哥儿，又为何尽撑着眼皮儿不
  肯睡去呢？ 他到底等什么来着？舍不得那淡淡的月儿么？舍不得那疏疏的帘儿么？不，不，不，您得到帘
  下去找， 您得向帘中去找——您该找着那卷帘人了？他的情韵风怀，原是这样这样的哟！朦胧的岂独月呢；
  岂独鸟呢？但是， 咫尺天涯，教我如何耐得？<br>我拚着千呼万唤；你能够出来么？
  <br>这页画布局那样经济，设色那样柔活，故精采足以动人。虽是区区尺幅，而情韵之厚，已足沦肌浃髓而有余。
  我看了这画。瞿然而惊：留恋之怀，不能自已。故将所感受的印象细细写出，以志这一段因缘。但我于中西的
  画都是门外汉， 所说的话不免为内行所笑。——那也只好由他了。
  <p>
    <hr color="#00ff00"><img src="img/chatgpt.png" align="right">
    此图像相对于文字基准线为靠上的多行文字对齐<br>试想在圆月朦胧之夜，海棠是这样的妩媚而嫣润；
    枝头的好鸟为什么却双栖而各梦呢？在这夜深人静的当儿，那高踞着的一只八哥儿，又为何尽撑着眼皮儿
    不肯睡去呢？ 他到底等什么来着？舍不得那淡淡的月儿么？舍不得那疏疏的帘儿么？不，不，不，
    您得到帘下去找， 您得向帘中去找——您该找着那卷帘人了？他的情韵风怀，原是这样这样的哟！
    朦胧的岂独月呢； 岂独鸟呢？但是，咫尺天涯，教我如何耐得？<br>我拚着千呼万唤；你能够出
    来么？ <br>这页画布局那样经济，设色那样柔活，故精采足以动人。虽是区区尺幅，而情韵之厚，
    已足沦肌浃髓而有余。 我看了这画。瞿然而惊：留恋之怀，不能自已。故将所感受的印象细细写出，
    以志这一段因缘。 但我于中西的画都是门外汉，所说的话不免为内行所笑。——那也只好由他了。
  <p>
    <hr color="#00ff00"><img src="img/chatgpt.png" align="top">
    此图像相对于文字基准线为顶部单行对齐
  <p>
    <hr color="#00ff00">
    <img src="img/chatgpt.png" align=bottom>
    此图像相对于文字基准线为底线单行对齐
  </p>
  <p>
    <hr color="#00ff00">
  <p><img src="img/chatgpt.png" align="middle">
    此图像相对于文字基准线为置中单行对齐</p>
</body>

</html>